<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Tab Demos</title>
	
	<script src="../../../../scripts/jquery.js" type="text/javascript"></script>
	
	<script src="../../../../scripts/jquery_ui/jquery.ui.core.js" type="text/javascript" ></script>
	<script src="../../../../scripts/jquery_ui/jquery.ui.widget.js" type="text/javascript" ></script>
	
	<link  href="../../../../themes/default/ui.css" type="text/css" rel="stylesheet" />
	
	<script src="../jquery.ui.tabs.js" type="text/javascript"></script>
	<link  href="../jquery.ui.tabs.css" rel="stylesheet" type="text/css" />
		
	<link type="text/css" href="../../../demos.css" rel="stylesheet" />
<!-- 换肤 -->
	<script type="text/javascript" src="../../../theme_cookie.js"></script>
	<script>
		$(function(){
			$("#tabs-mtab").tabs( {
					tabs:[
						{label:'tab1',content:'mtabs-1'},
						{label:'tab2',content:'mtabs-1'},
						{label:'tab3',content:'mtabs-1'},
						{label:'tab4',content:'mtabs-1'},
						{label:'tab5',content:'mtabs-1'},
						{label:'tab6',content:'mtabs-1'},
						{label:'tab7',content:'mtabs-1'},
						{label:'tab8',content:'mtabs-1'},
						{label:'tab9',content:'mtabs-1'},
						{label:'tab10',content:'mtabs-1'},
						{label:'tab11',content:'mtabs-1'},
						{label:'tab12',content:'mtabs-1'},
						{label:'tab13',content:'mtabs-1'},
						{label:'tab14',content:'mtabs-1'}
					] ,
					height:'100px'
			});
		}) ;
	</script>
</head>

<body style="padding:10px;">

	<div id="tabs-mtab" class="demo">
		<div id="mtabs-1">
			<p>多标签...</p>
		</div>
		
	</div>
	
	
	<br>
	
	<div class='ui-state-highlight'>
		该功能暂时不支持chrome浏览器
	</div>
		
</body>
</html>